<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>My City</title>
    <meta name='generator' content='http://www.fg-a.com' />
    <meta http-equiv="cache-control" content="no-cache" />
<!-- Main style -->
<link rel="stylesheet" href="./css/style.css" type="text/css" />
<link rel="icon" type="image/png" href="http://www.uzsozlik.com/favicon.png">

<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
	
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
var myCenter=new google.maps.LatLng(41.03, 28.98);

function initialize()
{
var mapProp = {
  center:myCenter,
  zoom:11,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };

var map=new google.maps.Map(document.getElementById("map-canvas"),mapProp);

var marker=new google.maps.Marker({
  position:myCenter,
  });

marker.setMap(map);

var infowindow = new google.maps.InfoWindow({
  content:"Visit Me !"
  });

//infowindow.open(map,marker);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>

</head>

<body class="direction-left">
		
	<!------ HEADER (BEGIN) ---------------------------->
	<div class='header'>
		<!-- HEADER MENU ICONS (BEGIN) -->
        <div class='menu' style='float: right; margin-right:10px; margin-left:1px;'>
			<a href="./index.jsp"><img src="./img/newPost.png" title='NEW POST' alt='NEW POST' /></a>
			<a href="./index.jsp"><img src="./img/search.png" title='SEARCH FOR A LOCATION' alt='SEARCH FOR A LOCATION' /></a>
			<a href="./index.jsp"><img src="./img/profile.png" title='PROFILE PAGE' alt='PROFILE PAGE' /></a>
            <a href="./index.jsp"><img src="./img/home.png" title='HOME PAGE' alt='HOME PAGE' /></a>
        </div>
		<!-- HEADER MENU ICONS (END) -->
		
        <!-- HEADER SOCIAL ICONS (BEGIN) -->
        <div class='menu'>
            <a href=""><img src="./img/social-facebook1.png" title='FACEBOOK' /></a>
            <a href=""><img src="./img/social-twitter1.png" title='TWITTER' /></a>
            <a href=""><img src="./img/social-google1.png" title='GOOGLE+' /></a>
        </div>
		<!-- HEADER SOCIAL ICONS (END) -->
	</div>	
	<!------- HEADER (END) -------------------------------->

        <div class='result-panel'>
            <div class='result-right'>
               
			   <div id='map-canvas' style="height: 200px; width:100%; float:right; margin-bottom:10px; overflow:hidden; position:relative;">
			   </div>
			   
			   <!-- NEW POST (BEGIN) -->
					
					<!-- POST FORM -->
                    <div class='question'>
                        <div class='question-icons'>
                            <a title='Sign In' id='like'><img class='like' src="./img/icons/tag.png"></a>
                            <a title='Sign Up' id='dislike'><img class='dislike' src="./img/icons/add.png"></a>
                        </div>
                        <div class='answer'>

                            <form method='get' action='./add-post.html'>
                                <input type='text' style='width:100%;' name='title' placeholder='Tag People or a Location...' />
                                <textarea class='answer' autofocus='true' name="question" placeholder="Post message..."></textarea>
								<input type='file' style='width:100%;' name='photo' />
                                <input type="submit" id="subscribe-button" style='width:100%;' value="POST" />
                            </form>

                        </div>
                    </div>
                    <!-- /POST FORM -->

				<!-- NEW POST (END) -->
              

            </div>

		<!-------- SIDEBAR (BEGIN) --------------------->
			<div class='result-left'>
				<div class='title'><span class='title'>RECENT COMMENTS</span></div>
				<ul class='dic-result'>
					<li><a href='./?comment=4'>COMMENT #1</a></li>		
					<li><a href='./?comment=4'>COMMENT #2</a></li>
					<li><a href='./?comment=4'>COMMENT #3</a></li>
				</ul>
			</div>
			<div class='result-left'>
				<div class='title'><span class='title'>RECENT POSTS</span></div>
				<ul class='dic-result'>	
					<li><a href='./posts.php?post=3'>POST #1</a></li>
					<li><a href='./posts.php?post=3'>POST #2</a></li>
					<li><a href='./posts.php?post=3'>POST #3</a></li>
					<li><a href='./posts.php?post=3'>POST #4</a></li>
				</ul>
			</div>

			<div class='result-left'>
				<div class='title'><span class='title'>SEARCH FOR A PLACE</span></div>
				<div>
					<form action='./locations.jsp' method='get'>
						<input type='text' name='location' class='city-search' placeholder='Enter a location...' />
						<input type='submit' class='city-search' value='SEARCH' />
					</form>
				</div>
			</div>
		<!-------- SIDEBAR (END) --------------------->

        </div>

		<!-- SEARCH RESULT (END) -->
		
    </body>
</html>
<?php 
mysql_close($con);
?>